body {
    margin:0;
    padding:0px 0px;
    font-family:"Roboto Condensed", Arial;
    font-weight: 300;
}

body div h2, body div p {
    color:#606061;
}

a, a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration:none;
    color:#fe0009;
}
div.cta, input[type="submit"] {
    margin:0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: "Roboto Condensed", Arial;
    color: #ffffff;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    border: 0 none;
    margin-top: 0px;
    font-weight: 500;
    width: 50%;
    min-width:205px;
    padding: 13px 20px;
    background-color:#fe0009;
    text-transform:uppercase;
}

p {
    font-family:"Roboto Condensed", Arial;
}
.elq-paragraph {
     font-family: "Roboto Condensed", Arial;
    font-weight: 300;
    font-size:18px;
    line-height:130%;
    margin:10px 0px 18px;
    padding:0;
}
footer {
    background-color:#6b6b6b;
    height:140px;
    vertical-align:middle;
}
.copy {
    float:left;
    font-size:17px;
}

.footer>a{
    color:white;
    font-size:16px;
    margin-left:40px;
    display:inline-block;
    font-weight:500;
}
.footer a:first-of-type{
    margin-left:0px !important;
}
.footer.copyright {
    font-size:17px;
    color:white;
    font-size:16px;
    display:inline-block;
    font-weight:500;
}
.btn-default {
    padding: 12px;
}
.logo-border {
    border-bottom:1px solid #dcdcdc;
}
.banner {
    position:relative;
}
.teilnehmer {
    margin-bottom:0px !important;
}
.zusatz {
    margin-bottom:20px !important;
}
.zeitraum-info {
    display:none;
}
label[for="hotel-reservierung"] {
    height:46px;
}
.banner > img {
    width:100% !important;
}
.banner .overlay {
    background-color:#fe0009;
    position:absolute;
    bottom:20px;
    right:16%;
    color:white;
    font-size:30px;
    font-weight:500;
    padding:10px 35px;
}
.input-group .form-control {
    width:46px;
}
.input-group-btn {
    width:auto !important;
}
img {
    max-width:100%;
}
span.cta > .cta-text {
    display: inline-block;
    max-width: 97%;
    margin-right: 10px;
}
span.cta > .cta-angle, button.cta > .cta-angle {
    display: inline-block;
    font-size: 35px;
    position: absolute;
    height: 35px;
    top: 50%;
    margin-top: -17.5px;
    right: 12px;
}
.gray {
    background-color:rgba(242,242,242,0.7);
}
.inner-cta {
    position: absolute;
    bottom: 12px;
    right: 15px;
}
.form-container {
    background-color: #A7A7A7;
    color: white;
}
.form-container h2, .form-container p {
    color:white !important;
}
.wt {
    display:none;
}
.datepicker-wt {
    display:none;
}
label.form-error {
    color:#fe0009;
}
input[type="text"], select {
    height: 46px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 15px;
    padding: 8px 10px 8px 10px;
    line-height: 28px;
    font-size: 14px;
    width: 100%;
    color: #3a3a3a;
}
span.cta, button.cta[type="submit"] {
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: "Roboto Condensed", Arial;
    color: #ffffff;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
    border: 0 none;
    margin-top: 0px;
    font-weight: 500;
    width: auto;
    min-width: 205px;
    padding: 13px 20px 13px 10px;
    background-color: #fe0009;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    position:relative;
}
.teilnehmer-fields label {
    margin-top:5px;
}
.logo {
    padding-top: 20px;
padding-bottom: 25px;
}
.ui-dialog-titlebar-close {
    background: url("http://code.jquery.com/ui/1.12.1/themes/smoothness/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
    border: medium none;
}
.ui-widget-header {
    border: 1px solid #e51725;
    background: #fe0009;
    color: #ffffff;
    font-weight: 600;
}
.accordion-arrow {
    vertical-align: top;
    position: absolute;
    bottom: 7px;
    right: 15px;
}
.accordion-menu {
    position:relative;
    margin-bottom:30px;
    cursor:pointer;
}
.accordion-menu > h1 {
    padding-right: 75px;
}
.white {
    color:white !important;
}
.underlined {
    border-bottom:2px solid #cccccc;
}
.no-margin {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
label {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    max-width: 90%;
    vertical-align: top;
}
.claim {
    font-size:18px;
    margin-top:33px;
    color:#606061;
}
li:before {
    content: "■";
    margin-right: 5px;
    vertical-align: top;
    line-height: 19px;
    margin-left: -13px;
    color:#fe0009;
}

ul {
    padding-left:15px;
    list-style:none;
    color:#fe0009;
    text-indent:0;
}
li{
    text-indent: 0;
    color:#606061;
}
h1 {
    font-size: 40px;
line-height: 120%;
margin: 35px 0px 15px;
padding: 0;
color: #606061;
}
/*#### ULTILITY ####*/
.desktop-lg {
    display:none;
}
.desktop-sm {
    display:none;
}
.divider-10 {
    height:10px;
    clear:both;
}
.divider-15 {
    height:15px;
    clear:both;
}
.divider-20 {
    height:20px;
    clear:both;
}
.divider-25 {
    height:20px;
    clear:both;
}
.divider-30 {
    height:30px;
    clear:both;
}
.divider-35 {
    height:35px;
    clear:both;
}
.divider-40 {
    height:40px;
    clear:both;
}
.divider {
    height:45px;
    clear:both;
}
.divider-50 {
    height:50px;
    clear:both;
}
.divider-55 {
    height:55px;
    clear:both;
}
.divider-60 {
    height:60px;
    clear:both;
}
.divider-63 {
    height:63px;
    clear:both;
}
.divider-65 {
    height:65px;
    clear:both;
}
.divider-70 {
    height:70px;
    clear:both;
}
.divider-75 {
    height:75px;
    clear:both;
}
.divider-80 {
    height:80px;
    clear:both; 
}
.divider-95 {
    height:95px;
    clear:both;
}
.divider-110 {
    height:110px;
    clear:both;
}
.ui-widget-header {
    border: 1px solid #e51725;
    background: #fe0009;
    color: #ffffff;
    font-weight: 600;
}
.form-error[type="text"] {
    border: 1px solid rgb(254, 0, 9);
}
@media all and (min-width:978px) {
    .form-container.desktop {display:block !important;}
}
@media screen and (min-width:1170px) {
    .desktop-lg {
        display:block;
    }
    .desktop-sm {
        display:none;
    }
    .teaser-box {
        background-color: white;
        width: 360px;
        height: 507px;
        padding: 0px;
        margin-left: 15px;
    }
    div.list.text {
        max-width: 87%;
    }
    h1 {
        font-size:40px;
        line-height:120%;
        margin:35px 0px 15px;
        padding:0;
        color:#606061;
    }
    h2 {
        font-size:30px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
        font-weight:500;
        color:#606061;
    }
    .red.intro>h2, .red.intro>h1 {
        font-size: 32px;
        margin: 5px 0;
        line-height: 36px;
        color:#fff !important;
    }
    .red.intro {
        background-color:#fe0009;
    }
    h3 {
        font-size:21px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
        color:#606060;
    }
    p, .elq-paragraph {
        font-family: "Roboto Condensed", Arial;
        font-weight: 300;
        font-size:18px;
        line-height:130%;
        margin:13px 0px 18px;
        padding:0;
        color:#606061;
    }
}
@media screen and (max-width:992px) {
    .red.intro {
        cursor:pointer;
    }
    .overlay .text {
        text-align:center;
    }
}
@media screen and (min-width:992px) and (max-width:1183px) {
    .desktop-lg {
        display:none;
    }
    .desktop-sm {
        display:block;
    }
}
@media screen and (min-width:978px) and (max-width:1169px) {
    
    /*h1 {
        font-size:30px;
        line-height:120%;
        margin:30px 0px 10px;
        padding:0;
    }
    h2 {
        font-size:26px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    }*/
    .red.intro>h2, .red.intro>h1 {
        font-size: 30px;
        margin: 5px 0;
        line-height: 36px;
        color:#fff;
    }/*
    h3 {
        font-size:17px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    }
    p {
        font-size:17px;
        line-height:130%;
        margin:10px 0px 18px;
        padding:0;
    }*/
    div.list > .text, .liste_line > li, .liste > li {
        font-size:17px !important;
    }
    
}
@media screen and (min-width:768px) and (max-width:977px) {
    /*h1 {
        font-size:30px;
        line-height:120%;
        margin:30px 0px 10px;
        padding:0;
    }
    h2 {
        font-size:26px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    }*/
    .red.intro>h2, .red.intro>h1 {
        font-size: 30px;
        margin: 5px 0;
        line-height: 36px;
        color:#fff;
    }/*
    h3 {
        font-size:17px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    }*/
    p {
        font-size:17px;
        line-height:130%;
        margin:10px 0px 18px;
        padding:0;
    }
    div.list > .text, .liste_line > li, .liste > li {
        font-size:17px !important;
    }
}
@media screen and (min-width:641px) and (max-width:767px) {
   /* h1 {
        font-size:30px;
        line-height:120%;
        margin:30px 0px 10px;
        padding:0;
    }
    h2 {
        font-size:26px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    }*/
    .red.intro>h2, .red.intro>h1 {
        font-size: 30px;
        margin: 5px 0;
        line-height: 36px;
        color:#fff;
    }/*
    h3 {
        font-size:17px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    }
    p {
        font-size:17px;
        line-height:130%;
        margin:10px 0px 18px;
        padding:0;
    }*/
    div.list > .text, .liste_line > li, .liste > li {
        font-size:17px !important;
    }
    .home p, .home h1, .home h2, .home h3 {
        text-align:center !important;
    }
}
@media screen and (max-width:640px) {
    /* h1 {
        font-size:30px;
        line-height:120%;
        margin:30px 0px 10px;
        padding:0;
    }
    h2 {
        font-size:26px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    } */
    .red.intro>h2, .red.intro>h1 {
        font-size: 30px;
        margin: 5px 0;
        line-height: 36px;
    } /*
    h3 {
        font-size:17px;
        line-height:120%;
        margin:20px 0px 20px;
        padding:0;
    }
    p {
        font-size:17px;
        line-height:130%;
        margin:10px 0px 18px;
        padding:0;
    } */
    div.list > .text, .liste_line > li, .liste > li {
        font-size:17px !important;
    }
    .home p, .home h1, .home h2, .home h3 {
        text-align:center !important;
    }
}

/*#### GRID SYSTEM ####*/
@media screen and (min-width:1184px) {
    .container {
        width:1170px;
    }
}
@media screen and (min-width:978px) and (max-width:1199px) {
    .container {
        width:960px !important;
    }
    .claim {
        margin-top:20px !important;
    }
}

@media screen and (max-width:978px) {
    
    .banner .overlay {
        position:relative;
        right:auto !important;
        bottom:auto !important;
    }
    .claim {
        margin-top:12px !important;
    }
}

@media screen and (max-width:644px) {
    .footer>a {
        color:white;
        font-size:15px;
        margin-left:15px;
        display:inline-block;
        font-weight:500;
    }
    .teilnehmer {
        margin-bottom:5px !important;
    }
    .wt label:first-of-type {
        margin-top:15px;
    }
}